<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <base target="_self">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache,must-ridate">
    <meta http-equiv="expires" content="0">
    <title></title>
    <link rel="stylesheet" type="text/css" href="/static/plugins/bootstrap/css/bootstrap.min.css" />
</head>

<body>
    <div class="col-xs-2">
    <ul id="myTab" class="nav nav-tabs">
        <li class="active">
            <a href="#reg1" data-toggle="tab">
                预登记
            </a>
        </li>
        <li>
            <a href="#reg2" data-toggle="tab">
                初始变更更正登记
            </a>
		</li>
		<li>
            <a href="#reg3" data-toggle="tab">
                终止登记
            </a>
		</li>	
		<li>
            <a href="#reg4" data-toggle="tab">
                事前登记
            </a>
		</li>
    </ul>
</div>
    
    <div id="myTabContent" class="tab-content vertical-tab-content col-xs-10">
        <div class="tab-pane fade" id="reg1">
            <div style="height:620px;overflow-y:auto">
                <iframe src="/node/preProductInfo.html" seamless="" frameborder="0" height="700" width="100%"></iframe>
            </div>
		</div>
		<div class="tab-pane fade" id="reg2">
            <div style="height:620px;overflow-y:auto">
                <iframe src="/node/initProductInfo.html" seamless="" frameborder="0" height="700" width="100%"></iframe>
            </div>
		</div>
		<div class="tab-pane fade" id="reg3">
            <div style="height:620px;overflow-y:auto">
                <iframe src="/node/finishProductInfo.html" seamless="" frameborder="0" height="700" width="100%"></iframe>
            </div>
		</div>
		<div class="tab-pane fade" id="reg4">
            <div style="height:620px;overflow-y:auto">
                <iframe src="/node/reportProductInfo.html" seamless="" frameborder="0" height="700" width="100%"></iframe>
            </div>
		</div>
    </div>

    <script type="text/javascript" src="/static/plugins/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="/static/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript">

        $(function () {
            //获取流程参数
            let flowid = GetQueryValue('flowid');
            let itemid = GetQueryValue('itemid');
			let taskid = GetQueryValue('taskid');
            if (taskid == null) {
                itemid = "1@@"+itemid;
            } else {
                itemid = "2@@"+taskid;
            }


            $("#myTab a").click(function (e) {
                e.preventDefault();
                $(this).tab("show");
            });

            $("#myTab a").on("shown.bs.tab", function (e) {
                var activeTab = $(e.target).text();
                var previousTab = $(e.relatedTarget).text();
                alert(activeTab+"=="+previousTab);
            })


        });

        //获取GET参数
        function GetQueryValue(queryName) {
            var query = decodeURI(window.location.search.substring(1));
            var vars = query.split("&");
            for (var i = 0; i < vars.length; i++) {
                var pair = vars[i].split("=");
                if (pair[0] == queryName) { return pair[1]; }
            }
            return null;
        }
    </script>
</body>

</html>